<template>
  <div id="express-item-list">
    <div class="item" v-for="(item,index) in expressList" :key="index">
      <div class="tag-name" v-text="item.tagName?item.tagName:'-'"></div>
      <div class="right">
        <div class="content" v-text="item.content"></div>
        <div class="created-at" v-text="item.createdAt"></div>
        <div class="c"></div>
      </div>
      <div class="c"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ExpressItemList',
  props:{
    expressList:Array
  }
}
</script>

<style scoped>
  #express-item-list{ max-height: 300px; overflow: auto; width: 1120px; margin-left: 30px;}
  #express-item-list>.item{ line-height: 25px; font-size: 12px; min-height: 50px; width: 1100px; background: #f1f1f1; margin-top: 2px;}
  #express-item-list>.item>.tag-name{ width: 100px;float: left; line-height: 50px; font-size: 14px; font-weight: bold; text-align: center;}
  #express-item-list>.item>.right{ width: 1000px; float: left;}
  #express-item-list>.item>.right>.content{ width: 1000px; min-height: 25px; float: left;}
  #express-item-list>.item>.right>.created-at{ width: 995px; height: 25px;float: left; text-align: right; color: #999999}
</style>
